//柱形图-1
var chart_bar_1 = function(pxdata, pydata) {
	var myChart = echarts.init(document.getElementById('bar-1'));
	var xdata = pxdata || S_mock.xdata(2013, 2019, '年');
	var ydata = pydata || S_mock.array(7, 100, 200);
	var option = {
		tooltip: {
			trigger: 'axis',
			axisPointer: { // 坐标轴指示器，坐标轴触发有效
				type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
			}
		},
		grid: {
			left: '2%',
			top: "22%",
			right: '4%',
			bottom: '5%',
			containLabel: true, //grid 区域是否包含坐标轴的刻度标签。
		},
		xAxis: [{
			nameLocation: "start",
			nameTextStyle: {
				color: "#fff",
			},
			nameGap: '1',
			type: 'category',
			data: xdata,
			axisLabel: {
				interval: 0,
				color: "#fff",
				fontSize: getSize(0.2),
			},
			axisLine: {
				show: true,
				lineStyle: {
					color: "#579dff",
				}
			},
			axisTick: {
				show: false
			},
			splitLine: { //坐标轴在 grid 区域中的分隔线
				show: false,
			},
		}],
		yAxis: [{
			// show:false,
			type: 'value',
			name: '单位：万人次',
			nameTextStyle: {
				color: "#fff",
				fontSize: getSize(0.24),
			},
			axisLabel: {
				interval: 0,
				color: "#fff",
				fontSize: getSize(0.24),
			},
			splitNumber: 5,
			splitLine: { //坐标轴在 grid 区域中的分隔线
				show: true,
				lineStyle: {
					color: '#10447C',
					opacity: 1,
					width: 1,
					type: 'solid',
				}
			},
			axisLine: {
				show: true,
				lineStyle: {
					color: "#579dff",
				}
			},
			axisTick: {
				show: false
			},
		}],
		series: [{
			type: 'bar',
			barGap: 0,
			barWidth: "40%",
			label: {
				show: false,
				position: 'top',
				color: '#facc14'
			},

			itemStyle: {
				normal: {
					color: new echarts.graphic.LinearGradient(
						0, 0, 0, 1, [{
								offset: 0,
								color: '#01F1FC'
							},
							{
								offset: 1,
								color: '#1B729E'
							}
						]
					)
				},
			},
			data: ydata
		}, ]
	};
	myChart.setOption(option);
}
//柱形图-2
var chart_bar_2 = function(pxdata, pydata) {
	var myChart = echarts.init(document.getElementById('bar-2'));
	var xdata = pxdata || S_mock.xdata(2016, 2019, '年');
	var ydata = pydata || S_mock.array(4, 100, 200);
	var option = {
		tooltip: {
			trigger: 'axis',
			axisPointer: { // 坐标轴指示器，坐标轴触发有效
				type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
			}
		},
		grid: {
			left: '4%',
			top: "22%",
			right: '4%',
			bottom: '5%',
			containLabel: true, //grid 区域是否包含坐标轴的刻度标签。
		},
		xAxis: [{
			nameLocation: "start",
			nameTextStyle: {
				color: "#fff",
			},
			nameGap: '1',
			type: 'category',
			data: xdata,
			axisLabel: {
				interval: 0,
				color: "#ccc",
				fontSize: getSize(0.2),
			},
			axisLine: {
				show: true,
				lineStyle: {
					color: "#579dff",
				}
			},
			axisTick: {
				show: false
			},
			splitLine: { //坐标轴在 grid 区域中的分隔线
				show: false,
			},
		}],
		yAxis: [{
			// show:false,
			type: 'value',
			name: '单位：家',
			nameTextStyle: {
				color: "#ccc",
				fontSize: getSize(0.24),
			},
			axisLabel: {
				interval: 0,
				color: "#ccc",
				fontSize: getSize(0.24),
			},
			splitNumber: 5,
			splitLine: { //坐标轴在 grid 区域中的分隔线
				show: true,
				lineStyle: {
					color: '#10447C',
					opacity: 1,
					width: 1,
					type: 'solid',
				}
			},
			axisLine: {
				show: true,
				lineStyle: {
					color: "#579dff",
				}
			},
			axisTick: {
				show: false
			},
		}],
		series: [{
			type: 'bar',
			barGap: 0,
			barWidth: "40%",
			label: {
				show: true,
				position: 'top',
				color: '#facc14'
			},

			itemStyle: {
				normal: {
					color: new echarts.graphic.LinearGradient(
						0, 0, 0, 1, [{
								offset: 0,
								color: '#01F1FC'
							},
							{
								offset: 1,
								color: '#1B729E'
							}
						]
					)
				},
			},
			data: ydata
		}, ]
	};
	myChart.setOption(option);
}
//柱形图-3
var chart_bar_3 = function(pxdata, pydata) {
	var mychart = echarts.init(document.getElementById('bar-3'));
	var rankArr = [2, 1, 3, 5, 4];
	var placeHolderArr = [0, 0, 0, 0, 0];
	var labelArr = [98.38, 98.43, 98.94, 99.42, 99.44];
	var xArr = ['项目1', '项目2', '项目3', '项目4', '项目5'];
	var seriesObj = [{
		name: '政务服务核心指标', //系列名称
		type: 'bar',
		barWidth: '25%',
		stack: 'one',
		label: { //图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等
			show: true,
			formatter: function(para) {
				return '第' + rankArr[para.dataIndex] + '名';
			},
			position: 'bottom',
			textStyle: {
				padding: [-getSize(1), 0, 0, 0],
				fontSize: getSize(0.36),
				color: '#fff',
			}
		},
		itemStyle: { //折线拐点标志的样式。
			normal: {
				color: 'rgba(49,149,249,1)'
			}
		},
		data: placeHolderArr,
		z: 100,
		silent: true,
		tooltip: { //提示框组件
			show: false
		}
	}, {
		name: '政务服务核心排名', //系列名称
		type: 'bar',
		barWidth: '25%',
		stack: 'one',
		label: { //图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等
			show: true,
			formatter: '{c}%',
			position: 'top',
			textStyle: {
				fontSize: getSize(0.36),
				color: '#facc14',
			}
		},
		itemStyle: { //折线拐点标志的样式。                
			normal: {
				color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
						offset: 0, //// 0% 处的颜色
						color: 'rgba(49,149,249,1)'
					},
					{
						offset: 1,
						color: 'rgba(36,114,192,1)'
					}
				], false),
			}
		},
		data: labelArr
	}];
	var option = {
		tooltip: { //提示框组件
			show: true,
			trigger: 'axis',
			axisPointer: {
				type: 'shadow'
			}
		},
		grid: { //直角坐标系
			top: '30%',
			left: '4%',
			right: '4%',
			bottom: '5%',
			containLabel: true, //grid 区域是否包含坐标轴的刻度标签。
		},
		xAxis: [{ //直角坐标系 grid 中的 x 轴
			type: 'category', //类目轴，适用于离散的类目数据，为该类型时必须通过 data 设置类目数据。
			boundaryGap: true,
			margin: getSize(0.1),
			axisLine: { //坐标轴轴线相关设置。数学上的x轴
				show: true,
				lineStyle: {
					color: '#3196fa'
				},
			},
			axisLabel: { //坐标轴刻度标签的相关设置
				textStyle: {
					fontSize: getSize(0.24),
					color: '#fff',
				},
			},
			axisTick: {
				show: false,
			},
			data: xArr,
		}],
		yAxis: [{ //直角坐标系 grid 中的 y 轴
			type: 'value', ////直角坐标系 grid 中的 x 轴
			// name: '单位：万人',
			// nameTextStyle: {
			//     fontSize: getSize(0.24),
			//     color: '#cccccc',
			//     padding: [0, getSize(0.3), 0, 0]
			// },
			// minInterval: 15,
			// margin: getSize(0.1),
			splitLine: { //坐标轴在 grid 区域中的分隔线
				show: false,
				lineStyle: {
					type: 'dashed',
					color: '#3196fa'
				}
			},
			axisLine: { //坐标轴轴线相关设置。
				show: false,
				lineStyle: {
					color: '#3196fa'
				}
			},
			axisLabel: { //坐标轴刻度标签的相关设置。
				show: false,
				margin: 10, //刻度标签与轴线之间的距离。
				textStyle: {
					color: '#cccccc',
				},
			},
			axisTick: { //坐标轴刻度相关设置。
				show: false,
			},
		}],
		series: seriesObj
	};
	mychart.setOption(option);
}
//柱形图-4
var chart_bar_4 = function(pxdata, pydata) {
	var mychart = echarts.init(document.getElementById('bar-4'));
	var rankArr = [7, 3, 4, 3, 6, 6, 5, 4, 1, 1];
	var placeHolderArr = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0];
	var labelArr = [96.22, 95, 96.0, 98.9, 97.95, 99.74, 95, 99.69, 100, 100];
	var xArr = ['项目1', '项目2', '项目3', '项目4', '项目5', '项目6', '项目7', '项目8', '项目9', '项目10'];
	var seriesObj = [{
			name: '排名', //系列名称
			type: 'line',
			label: { //图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等
				show: true,
				formatter: function(para) {
					return '第' + rankArr[para.dataIndex] + '名';
				},
				position: 'bottom',
				textStyle: {
					padding: [-getSize(1.5), 0, 0, 0],
					fontSize: getSize(0.18),
					color: '#fff',
				}
			},
			itemStyle: { //折线拐点标志的样式。
				normal: {
					color: 'rgba(49,149,249,1)'
				}
			},
			data: placeHolderArr,
			z: 100,
			silent: true,
			tooltip: { //提示框组件
				show: false
			}
		}, {
			name: '当月得分', //系列名称
			type: 'bar',
			barWidth: '25%',
			stack: 'one',
			label: { //图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等
				show: true,
				formatter: '{c}',
				position: 'top',
				textStyle: {
					fontSize: getSize(0.36),
					color: '#facc14',
				}
			},
			itemStyle: { //折线拐点标志的样式。                
				normal: {
					color: 'rgba(49,150,250,1)'
				}
			},
			data: labelArr
		},
		{
			name: '考核目标值', //系列名称
			type: 'line',
			smooth: false, //是否平滑曲线显示
			// 			symbol:'circle',  // 默认是空心圆（中间是白色的），改成实心圆
			showAllSymbol: true, //只在主轴为类目轴（axis.type 为 'category'）时有效
			symbol: 'circle', //标记的图形。
			symbolSize: 0, //标记的大小
			label: { //图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等
				show: false,
				formatter: '{c}',
				position: 'top',
				textStyle: {
					fontSize: getSize(0.36),
					color: '#facc14',
				}
			},
			itemStyle: { //折线拐点标志的样式。                
				normal: {
					color: 'rgba(0,255,0,0.8)'
				}
			},
			data: labelArr
		}
	];
	var option = {
		tooltip: { //提示框组件
			show: true,
			trigger: 'axis',
			axisPointer: {
				type: 'shadow'
			}
		},
		legend: {
			show: true,
			itemWidth: getSize(0.4),
			itemHeight: getSize(0.2),
			textStyle: {
				fontSize: getSize(0.24),
				color: '#fff',
			}
		},
		grid: { //直角坐标系
			top: '30%',
			left: '4%',
			right: '4%',
			bottom: '10%',
			containLabel: true, //grid 区域是否包含坐标轴的刻度标签。
		},
		xAxis: [{ //直角坐标系 grid 中的 x 轴
			type: 'category', //类目轴，适用于离散的类目数据，为该类型时必须通过 data 设置类目数据。
			boundaryGap: true,
			margin: getSize(0.1),
			axisLine: { //坐标轴轴线相关设置。数学上的x轴
				show: true,
				lineStyle: {
					color: '#3196fa'
				},
			},
			axisLabel: { //坐标轴刻度标签的相关设置
				textStyle: {
					fontSize: getSize(0.2),
					color: '#fff',
				},
			},
			axisTick: {
				show: false,
			},
			data: xArr,
		}],
		yAxis: [{ //直角坐标系 grid 中的 y 轴
			type: 'value', ////直角坐标系 grid 中的 x 轴
			// name: '单位：万人',
			// nameTextStyle: {
			//     fontSize: getSize(0.24),
			//     color: '#cccccc',
			//     padding: [0, getSize(0.3), 0, 0]
			// },
			// minInterval: 15,
			// margin: getSize(0.1),
			splitLine: { //坐标轴在 grid 区域中的分隔线
				show: true,
				lineStyle: {
					type: 'dashed',
					color: 'rgba(27,92,155,1)'
				}
			},
			axisLine: { //坐标轴轴线相关设置。
				show: false,
				lineStyle: {
					color: 'rgba(27,92,155,1)'
				}
			},
			axisLabel: { //坐标轴刻度标签的相关设置。
				show: false,
				margin: 10, //刻度标签与轴线之间的距离。
				textStyle: {
					color: '#cccccc',
				},
			},
			axisTick: { //坐标轴刻度相关设置。
				show: false,
			},
		}],
		series: seriesObj
	};
	mychart.setOption(option);
}
//柱形图-5
var chart_bar_5 = function(pxdata, pydata1, pydata2) {
	var myChart = echarts.init(document.getElementById('bar-5'));
	var xdata = pxdata || S_mock.xdata(1, 4, '月');
	var ydata = pydata1 || S_mock.array(4, 100, 200);
	var ydata2 = pydata2 || S_mock.array(4, 100, 200);
	var legend_arr = ['计划投资', '实际投资'];
	var option = {
		tooltip: {
			trigger: 'axis',
			axisPointer: { // 坐标轴指示器，坐标轴触发有效
				type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
			}
		},
		grid: {
			left: '4%',
			top: "22%",
			right: '4%',
			bottom: '5%',
			containLabel: true, //grid 区域是否包含坐标轴的刻度标签。
		},
		legend: {
			icon: 'rect',
			textStyle: {
				color: "#fff",
				fontSize: getSize(0.25)
			},
			data: legend_arr
		},
		xAxis: [{
			nameLocation: "start",
			nameTextStyle: {
				color: "#fff",
			},
			nameGap: '1',
			type: 'category',
			data: xdata,
			axisLabel: {
				interval: 0,
				color: "#ccc",
				fontSize: getSize(0.3),
			},
			axisLine: {
				show: true,
				lineStyle: {
					color: "#579dff",
				}
			},
			axisTick: {
				show: false
			},
			splitLine: { //坐标轴在 grid 区域中的分隔线
				show: false,
			},
		}],
		yAxis: [{
			// show:false,
			type: 'value',
			name: '单位：万元',
			nameTextStyle: {
				color: "#ccc",
				fontSize: getSize(0.24),
			},
			axisLabel: {
				interval: 0,
				color: "#ccc",
				fontSize: getSize(0.24),
			},
			splitNumber: 5,
			splitLine: { //坐标轴在 grid 区域中的分隔线
				show: true,
				lineStyle: {
					color: '#10447C',
					opacity: 1,
					width: 1,
					type: 'solid',
				}
			},
			axisLine: {
				show: true,
				lineStyle: {
					color: "#579dff",
				}
			},
			axisTick: {
				show: false
			},
		}],
		series: [{
			name: legend_arr[0],
			type: 'bar',
			barGap: 0,
			barWidth: "40%",
			label: {
				show: false,
				position: 'top',
				color: '#facc14'
			},
			itemStyle: {
				normal: {
					color: new echarts.graphic.LinearGradient(
						0, 0, 0, 1, [{
								offset: 0,
								color: '#3196fa'
							},
							{
								offset: 1,
								color: '#3196fa'
							}
						]
					)
				},
			},
			data: ydata
		}, {
			name: legend_arr[1],
			type: 'bar',
			barGap: 0.1,
			barWidth: "40%",
			label: {
				show: false,
				position: 'top',
				color: '#facc14'
			},
			itemStyle: {
				normal: {
					color: new echarts.graphic.LinearGradient(
						0, 0, 0, 1, [{
								offset: 0,
								color: '#00ffb4'
							},
							{
								offset: 1,
								color: '#00ffb4'
							}
						]
					)
				},
			},
			data: ydata2
		}]
	};
	myChart.setOption(option);
}
//柱形图-6
var chart_bar_6 = function(pxdata, pydata) {
	var myChart = echarts.init(document.getElementById('bar-6'));
	var myoption = {
		color: ['#3398DB'],
		// tooltip : {
		//     trigger: 'axis',
		//     axisPointer : {            // 坐标轴指示器，坐标轴触发有效
		//         type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
		//     }
		// },
		grid: {
			left: '0%',
			right: '3%',
			bottom: '3%',
			containLabel: true
		},
		xAxis: [{
			type: 'category',
			boundaryGap: true,
			data: ['2016', '2017', '2018'],
			axisLabel: {
				show: true,
				textStyle: {
					color: '#fff'
				}
			},
			axisLine: {
				lineStyle: {
					color: '#3196fa'
				}
			},
			splitLine: {
				show: false
			},
			axisTick: {
				show: false
			}
		}],
		yAxis: [{
			name: '综合得分',
			show: true,
			type: 'value',
			max: 100,
			min: 0,
			nameTextStyle: {
				color: '#fff'
			},
			splitLine: {
				show: false
			},
			axisLine: {
				lineStyle: {
					color: '#3196fa'
				}
			},
			axisLabel: {
				show: true,
				textStyle: {
					color: '#fff'
				}
			},
			axisTick: {
				show: false
			}
		}, {
			type: 'value',

			name: '综合排名',
			nameTextStyle: {
				color: '#fff'
			},
			axisLine: {
				lineStyle: {
					color: '#3196fa'
				}
			},
			splitLine: {
				show: true,
				lineStyle: {
					type: 'dashed',
					width: 1,
					color: '#3196fa'
				}
			},
			axisLabel: {
				show: true,
				textStyle: {
					color: '#fff'
				}
			},
			axisTick: {
				show: false
			},
			max: 10,
			min: 0,
		}],
		series: [{
			name: '综合得分',
			type: 'bar',
			barWidth: '25%',
			label: {
				show: true,
				position: 'top',
				color: '#fff',
				borderColor: '#3093f6',
				borderWidth: 1,
				backgroundColor: 'rgba(49,150,250,0.15)',
				padding: 5,
				formatter: function(value) {
					if(value.value == '93.07') {
						return value.value + '分' + '\n第8名';
					}
					if(value.value == '94.85') {
						return value.value + '分' + '\n第6名';
					}
					if(value.value == '94.87') {
						return value.value + '分' + '\n第4名';
					}

				}
			},
			data: [93.07, 94.85, 94.87],
			itemStyle: {
				normal: {
					color: new echarts.graphic.LinearGradient(
						0, 0, 0, 1, [{
								offset: 0,
								color: '#188df0'
							},
							{
								offset: 0.5,
								color: '#188df0'
							},
							{
								offset: 1,
								color: 'transparent'
							}
						]
					)
				},
			},
		}, {
			name: '综合排名',
			type: 'line',
			data: [80, 60, 40],
			itemStyle: {
				normal: {
					color: new echarts.graphic.LinearGradient(
						0, 0, 0, 1, [{
								offset: 0,
								color: '#00c8cf'
							},
							{
								offset: 0.5,
								color: '#00c8cf'
							},
							{
								offset: 1,
								color: '#00c8cf'
							}
						]
					)
				},
			},
		}]
	};
	myChart.setOption(myoption);
}
//柱形图-7
var chart_bar_7 = function(pxdata, pydata) {
	var mychart = echarts.init(document.getElementById('bar-7'));
	var nameArr = pxdata ? pxdata : S_mock.xdata(1, 8, '月');
	var dataArr = pydata || S_mock.array(8, 100, 200);
	var option = {
		tooltip: {
			trigger: 'axis',

		},
		grid: {
			top: '5%',
			left: '3%',
			right: '15%',
			bottom: '0%',
			containLabel: true
		},
		xAxis: {
			show: false,
			type: 'value',
			boundaryGap: [0, 0.01]
		},
		yAxis: {
			type: 'category',
			data: nameArr,
			axisTick: {
				show: false
			},
			axisLine: {
				show: true,
				lineStyle: {
					color: "#02575C",
				}
			},
			axisLabel: { //坐标轴刻度标签的相关设置
				textStyle: {
					fontSize: getSize(0.3),
					color: '#fff',
				},
			},
			inverse: true,
		},
		series: [{
			name: '',
			type: 'bar',
			label: {
				show: true,
				position: 'right',
				// formatter: '{c}件',
				formatter: function(para) {
					var pct = ((dataArr[nameArr.indexOf(para.name)] / getArrSum(dataArr)) * 100).toFixed(2);
					return pct + '%  ' + para.data + '件'
				},
				color: '#14D7C1',
				fontSize: getSize(0.35)
			},
			itemStyle: {
				normal: {
					color: new echarts.graphic.LinearGradient(
						0, 0, 1, 0, [{
								offset: 0,
								color: 'rgba(26, 92, 142, 0.16)'
							},
							{
								offset: 1,
								color: 'rgba(19, 218, 195, 1)'
							}
						]
					),
					barBorderRadius: [0, 8, 8, 0]
				},
			},
			barWidth: '35%',
			data: dataArr
		}, ]
	};
	mychart.clear();
	mychart.setOption(option);
}
//柱形图-8
var chart_bar_8 = function(pxdata, pydata) {
	var myChart = echarts.init(document.getElementById('bar-8'));
	var xdata = ['11-20', '11-21', '11-22', '11-23', '11-24', '11-25', '11-26', '11-27', '11-28', '11-29', '11-30', '11-31', '12-01', '12-02', '12-03', '12-04'];
	var ydata = S_mock.array(16, 10, 20);
	// var title = '近15日市一周边泊位指数趋势';
	var max = Math.max.apply(null, ydata);
	var min = Math.min.apply(null, ydata);
	var option = {
		tooltip: {
			trigger: 'axis',
			axisPointer: { // 坐标轴指示器，坐标轴触发有效
				type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
			}
		},
		// title: {
		//     show: false,
		//     text: title,
		//     left: 'center',
		//     textStyle: {
		//         color: '#fff',
		//         fontSize: getSize(.26),
		//         fontWeight: 'normal'
		//     }
		// },
		grid: {
			left: '0%',
			top: "10%",
			right: '4%',
			bottom: '5%',
			containLabel: true, //grid 区域是否包含坐标轴的刻度标签。
		},
		xAxis: [{
			nameLocation: "start",
			nameTextStyle: {
				color: "#fff",
			},
			nameGap: '1',
			type: 'category',
			data: xdata,
			axisLabel: {
				interval: 1,
				color: "#fff",
				fontSize: getSize(0.2),
			},
			axisLine: {
				show: true,
				lineStyle: {
					color: "#579dff",
				}
			},
			axisTick: {
				show: false
			},
			splitLine: { //坐标轴在 grid 区域中的分隔线
				show: false,
			},
		}],
		yAxis: [{
			// show:false,
			type: 'value',
			name: '',
			nameTextStyle: {
				color: "#fff",
				fontSize: getSize(0.24),
			},
			axisLabel: {
				show: true,
				interval: 'auto',
				color: "#fff",
				fontSize: getSize(0.2),
			},
			splitNumber: 2,
			splitLine: { //坐标轴在 grid 区域中的分隔线
				show: false,
				lineStyle: {
					color: '#10447C',
					opacity: 1,
					width: 1,
					type: 'solid',
				}
			},
			axisLine: {
				show: true,
				lineStyle: {
					color: "#579dff",
				}
			},
			axisTick: {
				show: false
			},
		}],
		series: [{
			type: 'bar',
			barGap: 0,
			barWidth: "40%",
			markLine: {
				label: {
					show: true,
					// formatter: '',
					formatter: 'avg: {c}',
					position: 'end',
					padding: [-20, 0, 0, -60]
				},
				silent: true,
				symbol: 'none',
				lineStyle: {
					color: '#00F6FF'
				},
				data: [{
					name: '平均线',
					// 支持 'average', 'min', 'max'
					type: 'average'
				}]
			},
			itemStyle: {
				normal: {
					color: new echarts.graphic.LinearGradient(
						0, 0, 0, 1, [{
								offset: 0,
								color: 'rgba(0,246,255,1)'
							},
							{
								offset: 1,
								color: 'rgba(0,246,255,0.1)'
							}
						]
					),
					barBorderRadius: [4, 4, 0, 0]
				},
			},
			yAxisIndex: 0,
			// data: ydata
			data: function() {
				var itemArr = [],
					item;
				var max_index = ydata.indexOf(max);
				var min_index = ydata.indexOf(min);
				for(var i = 0; i < ydata.length; i++) {
					if(i == max_index) {
						item = {
							value: ydata[i],
							label: {
								show: true,
								position: 'insideLeft',
								color: '#fff',
								formatter: '{b}\nmax:{c}',
								backgroundColor: 'rgba(1,60,119,0.86)',
								padding: [5, 5, 5, 5]
								// zlevel:10
								// padding:[20,0,0,0]
							},
							itemStyle: {
								normal: {
									color: new echarts.graphic.LinearGradient(
										0, 0, 0, 1, [{
												offset: 0,
												color: 'rgba(239, 72, 100, 1)'
											},
											{
												offset: 1,
												color: 'rgba(0,246,255,0.1)'
											}
										]
									),
									barBorderRadius: [4, 4, 0, 0]
								},
							},
						};
					} else if(i == min_index) {
						item = {
							value: ydata[i],
							label: {
								show: true,
								position: 'insideLeft',
								color: '#fff',
								formatter: '{b}\nmin:{c}',
								backgroundColor: 'rgba(1,60,119,0.86)',
								padding: [5, 5, 5, 5]
							},
							zlevel: 100,
							emphasis: {
								label: {
									show: true
								}
							},
							itemStyle: {
								normal: {
									color: new echarts.graphic.LinearGradient(
										0, 0, 0, 1, [{
												offset: 0,
												color: 'rgba(0, 205, 96, 1)'
											},
											{
												offset: 1,
												color: 'rgba(0,246,255,0.1)'
											}
										]
									),
									barBorderRadius: [4, 4, 0, 0]
								},
							},
						};
					} else {
						item = {
							value: ydata[i],
							label: {
								show: false,
								color: '#fff'
							},
							itemStyle: {
								normal: {

								}
							}
						};
					}
					itemArr.push(item);
				}
				return itemArr;
			}()
		}, ]
	};
	myChart.setOption(option);
}
//柱形图-9
var chart_bar_9 = function(pxdata, pydata) {
	var myChart = echarts.init(document.getElementById('bar-9'));
	var nameArr = ["种子轮企业", "天使轮企业", "A轮企业", "B轮企业", "C轮企业", "D轮企业", "E及以上轮企业"];
	var dataArr = S_mock.array(7, 100, 200);
	var total = 0;
	for(var i = 0; i < dataArr.length; i++) {
		total += dataArr[i];
	}
	var option = {
		grid: {
			top: '8%',
			bottom: '8%',
			left: '5%',
			right: '7%',
			containLabel: true,
		},
		tooltip: {
			trigger: 'axis',
			axisPointer: {
				type: 'shadow',
				lineStyle: {
					color: '#39627d'
				}
			},
			formatter: '{b} {c}家'
		},
		yAxis: [{
			type: 'category',
			zlevel: 1,
			splitLine: { //坐标轴在 grid 区域中的分隔线
				show: false,
				lineStyle: {
					color: '#6b85a3'
				}
			},
			axisLine: { //坐标轴轴线相关设置。数学上的x轴
				show: true,
				lineStyle: {
					color: '#00ffff'
				},
			},
			axisLabel: { //坐标轴刻度标签的相关设置
				fontSize: getSize(0.28),
				color: '#fff',
			},
			axisTick: {
				show: false,
			},
			inverse: true,
			data: nameArr
		}, {
			type: 'category',
			splitLine: { //坐标轴在 grid 区域中的分隔线
				show: false,
				lineStyle: {
					color: '#6b85a3'
				}
			},
			axisLine: { //坐标轴轴线相关设置。数学上的x轴
				show: false,
				lineStyle: {
					color: '#00ffff'
				},
			},
			axisLabel: { //坐标轴刻度标签的相关设置
				fontSize: getSize(0.28),
				formatter: function(para) {
					var value = dataArr[nameArr.indexOf(para)];
					var percent = (value / total * 100).toFixed(0) + '%';
					return value + '家  ' + percent;
				},
				color: '#fff',
			},
			axisTick: {
				show: false,
			},
			inverse: true,
			data: nameArr
		}],
		xAxis: [{
			type: 'value',
			boundaryGap: true,
			splitLine: { //坐标轴在 grid 区域中的分隔线
				show: false,
				lineStyle: {
					color: '#6b85a3'
				}
			},
			axisLine: {
				show: false,
				lineStyle: {
					color: '#fff'
				},
			},
			axisLabel: {
				show: false,
				color: '#fff',
			},
			axisTick: {
				show: false,
			},
		}],
		series: [{
			name: '',
			type: 'bar',
			barGap: 0,
			barWidth: '30%',
			label: {
				show: true,
				position: 'insideRight',
				// formatter: '{c}件',
				formatter: function(para) {
					var pct = (dataArr[nameArr.indexOf(para.name)] / getArrSum(dataArr) * 100).toFixed(2);
					return pct + '%  '
				},
				color: '#fff',
				fontSize: getSize(0.2)
			},
			itemStyle: {
				barBorderRadius: getSize(0.05),
				color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
						offset: 0, //// 0% 处的颜色
						color: 'rgba(49,150,250,0.1)'
					},
					{
						offset: 1,
						color: 'rgba(49,150,250,1)'
					}
				], false),
			},
			data: dataArr
		}]
	};
	myChart.setOption(option);
}
//柱形图-10
var chart_bar_10 = function(pxdata, pydata1, pydata2) {
	var myChart = echarts.init(document.getElementById('bar-10'));
	var nameArr = pxdata || ["种子轮企业", "天使轮企业", "A轮企业", "B轮企业", "C轮企业", "D轮企业", "E及以上轮企业"];
	var dataArr = pydata1 || S_mock.array(7, 1000, 1200);
	var dataArr2 = pydata2 || S_mock.array(7, 1000, 1200);
	var legend_arr = ['学生', '教职工'];
	var total = 0;
	for(var i = 0; i < dataArr.length; i++) {
		total += dataArr[i];
	}
	var option = {
		grid: {
			top: '8%',
			bottom: '8%',
			left: '5%',
			right: '7%',
			containLabel: true,
		},
		tooltip: {
			trigger: 'axis',
			axisPointer: {
				type: 'shadow',
				lineStyle: {
					color: '#39627d'
				}
			},
			// formatter: '{b} {c}家'
			formatter: '{b0}: <br /> {a0}:{c0}人<br />{a1}:{c1}人'
		},
		legend: {
			textStyle: {
				color: '#fff'
			},
			data: legend_arr
		},
		yAxis: [{
			type: 'category',
			zlevel: 1,
			splitLine: { //坐标轴在 grid 区域中的分隔线
				show: false,
				lineStyle: {
					color: '#6b85a3'
				}
			},
			axisLine: { //坐标轴轴线相关设置。数学上的x轴
				show: true,
				lineStyle: {
					color: '#00ffff'
				},
			},
			axisLabel: { //坐标轴刻度标签的相关设置
				fontSize: getSize(0.28),
				color: '#fff',
			},
			axisTick: {
				show: false,
			},
			inverse: true,
			data: nameArr
		}, {
			type: 'category',
			splitLine: { //坐标轴在 grid 区域中的分隔线
				show: false,
				lineStyle: {
					color: '#6b85a3'
				}
			},
			axisLine: { //坐标轴轴线相关设置。数学上的x轴
				show: false,
				lineStyle: {
					color: '#00ffff'
				},
			},
			axisLabel: { //坐标轴刻度标签的相关设置
				fontSize: getSize(0.28),
				formatter: function(para) {
					var value = dataArr[nameArr.indexOf(para)];
					var value2 = dataArr2[nameArr.indexOf(para)];
					return value + '人 / ' + value2 + '人';
				},
				color: '#fff',
			},
			axisTick: {
				show: false,
			},
			inverse: true,
			data: nameArr
		}],
		xAxis: [{
			type: 'value',
			boundaryGap: true,
			splitLine: { //坐标轴在 grid 区域中的分隔线
				show: false,
				lineStyle: {
					color: '#6b85a3'
				}
			},
			axisLine: {
				show: false,
				lineStyle: {
					color: '#fff'
				},
			},
			axisLabel: {
				show: false,
				color: '#fff',
			},
			axisTick: {
				show: false,
			},
		}],
		series: [{
			name: legend_arr[0],
			type: 'bar',
			barGap: 0,
			stack: 'a',
			barWidth: '30%',
			itemStyle: {
				// barBorderRadius: getSize(0.05),
				color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
						offset: 0, //// 0% 处的颜色
						color: '#00CCFF'
					},
					{
						offset: 1,
						color: '#00CCFF'
					}
				], false),
			},
			data: dataArr
		}, {
			name: legend_arr[1],
			type: 'bar',
			barGap: 0,
			stack: 'a',
			barWidth: '30%',
			itemStyle: {
				// barBorderRadius: getSize(0.05),
				color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
						offset: 0, //// 0% 处的颜色
						color: '#0090FF'
					},
					{
						offset: 1,
						color: '#0090FF'
					}
				], false),
			},
			data: dataArr2
		}]
	};
	myChart.setOption(option);
}
//柱形图-11
var chart_bar_11 = function(pxdata, pydata1, pydata2) {
	var myChart = echarts.init(document.getElementById('bar-11'));
	var nameArr = pxdata || ["种子轮企业", "天使轮企业", "A轮企业", "B轮企业", "C轮企业", "D轮企业", "E及以上轮企业"];
	var dataArr = pydata1 || S_mock.array(7, 1000, 1200);
	var max_val = Math.max.apply(null, dataArr)
	var dataArr2 = pydata2 || S_mock.array(7, max_val, max_val);

	var option = {
		grid: {
			top: '8%',
			bottom: '8%',
			left: '5%',
			right: '7%',
			containLabel: true,
		},
		tooltip: {
			show: false,
			trigger: 'axis',
			axisPointer: {
				type: 'shadow',
				lineStyle: {
					color: '#39627d'
				}
			},
			// formatter: '{b} {c}家'
			// formatter: '{b0}: <br /> {a0}:{c0}人<br />{a1}:{c1}人'
		},
		yAxis: [{
			type: 'category',
			zlevel: 1,
			splitLine: { //坐标轴在 grid 区域中的分隔线
				show: false,
				lineStyle: {
					color: '#6b85a3'
				}
			},
			axisLine: { //坐标轴轴线相关设置。数学上的x轴
				show: true,
				lineStyle: {
					color: '#00ffff'
				},
			},
			axisLabel: { //坐标轴刻度标签的相关设置
				fontSize: getSize(0.28),
				color: '#fff',
			},
			axisTick: {
				show: false,
			},
			inverse: true,
			data: nameArr
		}, {
			type: 'category',
			splitLine: { //坐标轴在 grid 区域中的分隔线
				show: false,
				lineStyle: {
					color: '#6b85a3'
				}
			},
			axisLine: { //坐标轴轴线相关设置。数学上的x轴
				show: false,
				lineStyle: {
					color: '#00ffff'
				},
			},
			axisLabel: { //坐标轴刻度标签的相关设置
				fontSize: getSize(0.28),
				formatter: function(para) {
					var value = dataArr[nameArr.indexOf(para)];
					return value;
				},
				color: '#fff',
			},
			axisTick: {
				show: false,
			},
			inverse: true,
			data: nameArr
		}],
		xAxis: [{
			type: 'value',
			boundaryGap: true,
			splitLine: { //坐标轴在 grid 区域中的分隔线
				show: false,
				lineStyle: {
					color: '#6b85a3'
				}
			},
			axisLine: {
				show: false,
				lineStyle: {
					color: '#fff'
				},
			},
			axisLabel: {
				show: false,
				color: '#fff',
			},
			axisTick: {
				show: false,
			},
		}],
		series: [{
			name: '',
			type: 'bar',
			barGap: 0,
			stack: 'a',
			barWidth: '30%',
			itemStyle: {
				barBorderRadius: getSize(0.05),
				color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
						offset: 0, //// 0% 处的颜色
						color: '#00CCFF'
					},
					{
						offset: 1,
						color: '#00CCFF'
					}
				], false),
			},
			data: dataArr
		}, {
			name: '外框',
			type: 'bar',
			itemStyle: {
				normal: {
					barBorderRadius: getSize(0.05),
					color: 'rgba(255, 255, 255, 0.14)' //rgba设置透明度0.14
				}
			},
			barGap: '-100%',
			z: 0,
			barWidth: '30%',
			data: dataArr2
		}]
	};
	myChart.setOption(option);
}
//柱形图-12
var chart_bar_12 = function(pxdata, pydata1, pydata2, pydata3, pydata4) {
	var myChart = echarts.init(document.getElementById('bar-12'));
	var xdata = pxdata || S_mock.xdata(1, 4, '月');
	var ydata = pydata1 || S_mock.array(4, 100, 200);
	var ydata2 = pydata2 || S_mock.array(4, 100, 200);
	var ydata3 = pydata3 || S_mock.array(4, 100, 200);
	var ydata4 = pydata4 || S_mock.array(4, 500, 600);
	var legend_arr = ['规范性文件', '议事协调类文件', '通报类文件', '2019年'];
	var color_arr = ['#FFCC00', '#6070E4', '#00C0FF', '#00FF5A']
	var option = {
		tooltip: {
			trigger: 'axis',
			axisPointer: { // 坐标轴指示器，坐标轴触发有效
				type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
			}
		},
		color: color_arr,
		grid: {
			left: '4%',
			top: "22%",
			right: '4%',
			bottom: '5%',
			containLabel: true, //grid 区域是否包含坐标轴的刻度标签。
		},
		legend: {
			// icon: 'rect',
			textStyle: {
				color: "#fff",
				fontSize: getSize(0.25)
			},
			data: legend_arr
		},
		xAxis: [{
			nameLocation: "start",
			nameTextStyle: {
				color: "#fff",
			},
			nameGap: '1',
			type: 'category',
			data: xdata,
			axisLabel: {
				interval: 0,
				color: "#AAECFF",
				fontSize: getSize(0.24),
			},
			axisLine: {
				show: true,
				lineStyle: {
					color: "#579dff",
				}
			},
			axisTick: {
				show: false
			},
			splitLine: { //坐标轴在 grid 区域中的分隔线
				show: false,
			},
		}],
		yAxis: [{
			// show:false,
			type: 'value',
			name: '',
			nameTextStyle: {
				color: "#ccc",
				fontSize: getSize(0.24),
			},
			axisLabel: {
				interval: 0,
				color: "#ccc",
				fontSize: getSize(0.24),
			},
			splitNumber: 5,
			splitLine: { //坐标轴在 grid 区域中的分隔线
				show: true,
				lineStyle: {
					color: '#10447C',
					opacity: 1,
					width: 1,
					type: 'solid',
				}
			},
			axisLine: {
				show: true,
				lineStyle: {
					color: "#579dff",
				}
			},
			axisTick: {
				show: false
			},
		}],
		series: [{
			name: legend_arr[0],
			type: 'bar',
			barGap: 0,
			barWidth: "20%",
			stack: '1',
			label: {
				show: false,
				position: 'top',
				color: '#facc14'
			},
			data: ydata
		}, {
			name: legend_arr[1],
			type: 'bar',
			barGap: 0.1,
			barWidth: "20%",
			stack: '1',
			label: {
				show: false,
				position: 'top',
				color: '#facc14'
			},
			data: ydata2
		}, {
			name: legend_arr[2],
			type: 'bar',
			barGap: 0.1,
			barWidth: "20%",
			stack: '1',
			label: {
				show: false,
				position: 'top',
				color: '#facc14'
			},

			data: ydata3
		}, {
			name: legend_arr[3],
			type: 'line',
			barGap: 0.1,
			barWidth: "20%",
			// stack:'1',
			symbol: 'circle',
			symbolSize: 10,
			label: {
				show: false,
				position: 'top',
				color: '#facc14'
			},
			areaStyle: { //区域填充样式
				normal: {
					//线性渐变，前4个参数分别是x0,y0,x2,y2(范围0~1);相当于图形包围盒中的百分比。如果最后一个参数是‘true’，则该四个值是绝对像素位置。
					color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
							offset: 0, //// 0% 处的颜色
							color: 'rgba(1, 241, 8, 0.5)'
						}, {
							offset: 0.4, //// 0% 处的颜色
							color: 'rgba(1, 241, 8, 0.2)'
						},
						{
							offset: 1,
							color: 'rgba(1, 241, 8, 0)'
						}
					], false),
					shadowColor: '#177477', //阴影颜色
					shadowBlur: getSize(0.2) //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
				}
			},
			z: 1,
			data: ydata4
		}]
	};
	myChart.setOption(option);
}
var chart_bar_13 = function(pxdata, pydata) {
	var myChart = echarts.init(document.getElementById('bar-13'));
	var xdata = pxdata || S_mock.xdata(1, 6, '月');
	var ydata = pydata || S_mock.array(xdata.length, 50, 80);
	var option = {
		backgroundColor: '#000922',
		grid: {
			left: '12%',
			top: '5%',
			bottom: '12%',
			right: '8%'
		},
		tooltip: {
			show: true,
			formatter: function(params) {
				var val = params.value;
				return '关注度：' + val + '<br />批示：' + val + '%'
			}
		},
		xAxis: {
			data: xdata,
			axisTick: {
				show: false
			},
			axisLine: {
				lineStyle: {
					color: '#3087B1',
					width: 1 //这里是为了突出显示加上的
				}
			},
			axisLabel: {
				textStyle: {
					color: '#fff',
					fontSize: 12
				}
			}
		},
		yAxis: [{
			splitNumber: 3,
			axisTick: {
				show: false
			},
			axisLine: {
				lineStyle: {
					color: '#151C41',
					width: 1 //这里是为了突出显示加上的
				}
			},
			axisLabel: {
				formatter: '{value} %',
				textStyle: {
					color: '#fff'
				}
			},
			splitArea: {
				areaStyle: {
					color: 'rgba(255,255,255,.5)'
				}
			},
			splitLine: {
				show: true,
				lineStyle: {
					color: '#151C41',
					width: 0.5,
					type: 'dashed'
				}
			},
			max: 100
		}, {
			type: 'value',
			splitNumber: 3,
			axisTick: {
				show: false
			},
			axisLine: {
				lineStyle: {
					color: '#151C41',
					width: 1 //这里是为了突出显示加上的
				}
			},
			axisLabel: {
				textStyle: {
					color: '#fff'
				}
			},
			splitArea: {
				areaStyle: {
					color: 'rgba(255,255,255,.5)'
				}
			},
			splitLine: {
				show: true,
				lineStyle: {
					color: '#151C41',
					width: 0.5,
					type: 'dashed'
				}
			},
			min: 0,
			max: 100
		}],
		series: [{
			name: 'hill',
			type: 'pictorialBar',
			barCategoryGap: '0%',
			// symbol: 'triangle',
			symbol: 'path://M0,10 L10,10 C5.5,10 5.5,5 5,0 C4.5,5 4.5,10 0,10 z',
			label: {
				show: false,
				position: 'top',
				distance: 15,
				color: '#DB5E6A',
				fontWeight: 'bolder',
				fontSize: 20,
			},
			itemStyle: {
				normal: {
					color: {
						type: 'linear',
						x: 0,
						y: 0,
						x2: 0,
						y2: 1,
						colorStops: [{
								offset: 0,
								color: 'rgba(0, 125, 253, 0.8)' //  0%  处的颜色
							},
							{
								offset: 1,
								color: 'rgba(0, 125, 253, .1)' //  100%  处的颜色
							}
						],
						global: false //  缺省为  false
					}
				},
				emphasis: {
					opacity: 1
				}
			},
			data: ydata,
			z: 10
		}]
	};
	myChart.setOption(option);
}
//柱形图-14
var chart_bar_14 = function(pxdata, pydata1, pydata2) {
	var myChart = echarts.init(document.getElementById('bar-14'));
	var xdata = pxdata || S_mock.xdata(1, 4, '月');
	var ydata = pydata1 || S_mock.array(4, 100, 200);
	var ydata2 = pydata2 || S_mock.array(4, 100, 200);
	var legend_arr = ['计划投资', '实际投资'];
	var option = {
		backgroundColor: '#000922',
		tooltip: {
			trigger: 'axis',
			axisPointer: { // 坐标轴指示器，坐标轴触发有效
				type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
			}
		},
		color: ['#0683F2', '#BA8E26', '#2DE799'],
		grid: {
			left: '4%',
			top: "22%",
			right: '4%',
			bottom: '5%',
			containLabel: true, //grid 区域是否包含坐标轴的刻度标签。
		},
		legend: {
			icon: 'rect',
			textStyle: {
				color: "#fff",
				fontSize: getSize(0.25)
			},
			data: legend_arr
		},
		xAxis: [{
			nameLocation: "start",
			nameTextStyle: {
				color: "#fff",
			},
			nameGap: '1',
			type: 'category',
			data: xdata,
			axisLabel: {
				interval: 0,
				color: "#ccc",
				fontSize: getSize(0.3),
			},
			axisLine: {
				show: true,
				lineStyle: {
					color: "#3087B1",
				}
			},
			axisTick: {
				show: false
			},
			splitLine: { //坐标轴在 grid 区域中的分隔线
				show: false,
			},
		}],
		yAxis: [{
			// show:false,
			type: 'value',
			name: '单位：万元',
			nameTextStyle: {
				color: "#ccc",
				fontSize: getSize(0.24),
			},
			axisLabel: {
				interval: 0,
				color: "#ccc",
				fontSize: getSize(0.24),
			},
			splitNumber: 5,
			splitLine: {
				show: true,
				lineStyle: {
					color: '#151C41',
					width: 0.5,
					type: 'dashed'
				}
			},
			axisLine: {
				lineStyle: {
					color: '#151C41',
					width: 1 //这里是为了突出显示加上的
				}
			},
			axisTick: {
				show: false
			},
		}],
		series: [{
			name: legend_arr[0],
			type: 'pictorialBar',
			barCategoryGap: '0%',
			barWidth: "20%",
			barGap: '10%',
			// symbol: 'triangle',
			symbol: 'image://./assets/img/bar1.png',
			symbolSize: ['100%', '100%'],
			symbolRepeat: false,
			label: {
				show: false,
				position: 'top',
				distance: 15,
				color: '#DB5E6A',
				fontWeight: 'bolder',
				fontSize: 20,
			},
			data: ydata,
			z: 10
		}, {
			name: legend_arr[1],
			type: 'pictorialBar',
			barCategoryGap: '0%',
			barWidth: "20%",
			barGap: '10%',
			// symbol: 'triangle',
			symbol: 'image://./assets/img/bar2.png',
			symbolSize: ['100%', '100%'],
			symbolRepeat: false,
			label: {
				show: false,
				position: 'top',
				distance: 15,
				color: '#DB5E6A',
				fontWeight: 'bolder',
				fontSize: 20,
			},
			data: ydata2,
			z: 10
		}]
	};
	myChart.setOption(option);
}
//柱形图-15
var chart_bar_15 = function(pxdata, pydata, unit) {
	var myChart = echarts.init(document.getElementById('bar-15'));
	var xdata = pxdata || S_mock.xdata(1, 6, '月');
	var ydata = pydata || S_mock.array(xdata.length, 100, 160);
	var dw = unit || '亿元';
	var option = {
		title: {
			text: '近半年财政收入',
			left: 'center',
			top: 'top',
			textStyle: {
				color: '#7ADEFF',
				// fontWeight: 'normal',
				fontSize: getSize(0.28)
			}
		},
		tooltip: {
			trigger: 'axis',
			axisPointer: { // 坐标轴指示器，坐标轴触发有效
				type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
			}
		},
		grid: {
			left: '5%',
			top: "22%",
			right: '4%',
			bottom: '5%',
			containLabel: true, //grid 区域是否包含坐标轴的刻度标签。
		},
		xAxis: [{
			nameLocation: "start",
			nameTextStyle: {
				color: "#fff",
			},
			nameGap: '1',
			type: 'category',
			data: xdata,
			axisLabel: {
				interval: 0,
				color: "#ccc",
				fontSize: getSize(0.27),
			},
			axisLine: {
				show: true,
				lineStyle: {
					color: "#579dff",
				}
			},
			axisTick: {
				show: false
			},
			splitLine: { //坐标轴在 grid 区域中的分隔线
				show: false,
			},
		}],
		yAxis: [{
			// show:false,
			type: 'value',
			name: '单位：' + dw,
			nameTextStyle: {
				color: "#ccc",
				fontSize: getSize(0.27),
				padding: [0, 0, -4, 0]
			},
			axisLabel: {
				show: true,
				interval: 2,
				color: "#ccc",
				fontSize: getSize(0.27),
			},
			splitNumber: 5,
			splitLine: { //坐标轴在 grid 区域中的分隔线
				show: true,
				lineStyle: {
					color: '#00375E',
					opacity: 1,
					width: 1,
					type: 'dashed',
				}
			},
			axisLine: {
				show: true,
				lineStyle: {
					color: "#579dff",
				}
			},
			axisTick: {
				show: false
			},
		}],
		series: [{
			type: 'pictorialBar',
			barWidth: '50%',
			barGap: 0,
			symbol: 'image://./assets/img/chart-b1-bar1.png',
			symbolSize: ['100%', '100%'],
			symbolRepeat: false,
			label: {
				show: false,
				position: 'top',
				formatter: '{c}',
				fontSize: getSize(0.36),
				color: '#fff'
			},

			// symbolSize: 6,
			itemStyle: { //折线拐点标志的样式。
				normal: {
					color: "#21CEE1",
				}
			},
			data: ydata
		}, ]
	};
	myChart.setOption(option);
}
//柱形图-16
var chart_bar_16 = function(pxdata, pydata) {
	var myChart = echarts.init(document.getElementById('bar-16'));
	var xdata = pxdata || ['米市巷街道', '湖墅街道', '小河街道', '和睦街道', '拱宸桥街道', '大关街道', '半山街道', '康桥街道'];
	var ydata = pydata || S_mock.array(xdata.length, 100, 100);
	var bar_bg_blue = 'image://./assets/img/bar-blue.png';
	var bar_bg_green = 'image://./assets/img/bar-green.png';
	var bar_bg_red = 'image://./assets/img/bar-red.png';
	var ydata_cov = [];
	for(const key in ydata) {
		if(key < 3) {
			ydata_cov.push({
				value: ydata[key],
				symbol: bar_bg_green
			})
		} else if(key == ydata.length - 1 || key == ydata.length - 2 || key == ydata.length - 3) {
			ydata_cov.push({
				value: ydata[key],
				symbol: bar_bg_red
			})
		} else {
			ydata_cov.push({
				value: ydata[key]
			})
		}

	}

	var option = {
		//    backgroundColor: '#000922',
		tooltip: {
			trigger: 'axis',
			axisPointer: { // 坐标轴指示器，坐标轴触发有效
				type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
			}
		},
		color: ['#FFCC00', '#00D24F', '#AF0204'],
		grid: {
			left: '4%',
			top: "15%",
			right: '4%',
			bottom: '15%',
			containLabel: true, //grid 区域是否包含坐标轴的刻度标签。
		},
		legend: {
			show: false,
			icon: 'roundRect',
			textStyle: {
				color: "#fff",
				fontSize: getSize(0.3)
			},
		},
		xAxis: [{
			nameLocation: "start",
			nameTextStyle: {
				color: "#fff",
			},
			nameGap: '1',
			type: 'category',
			data: xdata,
			axisLabel: {
				interval: 0,
				color: "#fff",
				fontSize: getSize(0.24),
			},
			axisLine: {
				show: true,
				lineStyle: {
					color: "#3087B1",
				}
			},
			axisTick: {
				show: false
			},
			splitLine: { //坐标轴在 grid 区域中的分隔线
				show: false,
			},
		}],
		yAxis: [{
			show: true,
			type: 'value',
			name: '单位：分',
			nameTextStyle: {
				color: "#ccc",
				fontSize: getSize(0.24),
				padding: [0, 0, 0, getSize(-0.8)]
			},
			axisLabel: {
				interval: 0,
				color: "#ccc",
				fontSize: getSize(0.24),
			},
			splitNumber: 5,
			splitLine: {
				show: true,
				lineStyle: {
					color: '#3087B1',
					width: 0.5,
					type: 'dashed'
				}
			},
			axisLine: {
				lineStyle: {
					color: '#3087B1',
					width: 1 //这里是为了突出显示加上的
				}
			},
			axisTick: {
				show: false
			},
		}],
		series: [{
			name: '',
			type: 'pictorialBar',
			barCategoryGap: '0%',
			barWidth: "50%",
			barGap: '10%',
			// symbol: 'triangle',
			symbol: bar_bg_blue,
			symbolSize: ['100%', '100%'],
			symbolRepeat: false,
			label: {
				show: true,
				position: 'top',
				formatter: '{c}分',
				//    distance: 15,
				color: '#fff',
				fontSize: getSize(0.28),
			},
			data: ydata_cov,
			z: 10
		}]
	};
	myChart.setOption(option);
}
//柱形图-17
var chart_bar_17 = function(pxdata, pydata) {
	var myChart = echarts.init(document.getElementById('bar-17'));
	var xdata = pxdata || S_mock.xdata(1, 10, '类别');
	var ydata = pydata || S_mock.array(xdata.length, 70, 90);
	var dataArr2 = S_mock.array(xdata.length, 100, 100);
	var option = {
		tooltip: {
			show: false,
			trigger: 'axis',
			axisPointer: { // 坐标轴指示器，坐标轴触发有效
				type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
			}
		},
		grid: {
			left: '-5%',
			top: "10%",
			right: '4%',
			bottom: '5%',
			containLabel: true, //grid 区域是否包含坐标轴的刻度标签。
		},
		xAxis: [{
			nameLocation: "start",
			nameTextStyle: {
				color: "#fff",
			},
			nameGap: '1',
			type: 'category',
			data: xdata,
			axisLabel: {
				interval: 0,
				color: "#ccc",
				fontSize: getSize(0.2),
			},
			axisLine: {
				show: true,
				lineStyle: {
					color: "#579dff",
				}
			},
			axisTick: {
				show: false
			},
			splitLine: { //坐标轴在 grid 区域中的分隔线
				show: false,
			},
		}],
		yAxis: [{
			show: false,
			type: 'value',
			name: '单位：',
			nameTextStyle: {
				color: "#ccc",
				fontSize: getSize(0.27),
				padding: [0, 0, -4, 0]
			},
			axisLabel: {
				show: true,
				interval: 2,
				color: "#ccc",
				fontSize: getSize(0.27),
			},
			splitNumber: 5,
			splitLine: { //坐标轴在 grid 区域中的分隔线
				show: true,
				lineStyle: {
					color: '#00375E',
					opacity: 1,
					width: 1,
					type: 'dashed',
				}
			},
			axisLine: {
				show: true,
				lineStyle: {
					color: "#579dff",
				}
			},
			axisTick: {
				show: false
			},
		}],
		series: [{
			type: 'pictorialBar',
			barWidth: '50%',
			barGap: 0,
			symbol: 'image://./assets/img/zhu.png',
			symbolSize: ['100%', '100%'],
			symbolRepeat: false,
			label: {
				show: true,
				rotate: 90,
				position: 'inside',
				formatter: '{c}%',
				fontSize: getSize(0.3),
				color: '#00FFE9'
			},

			// symbolSize: 6,
			itemStyle: { //折线拐点标志的样式。
				normal: {
					color: "#21CEE1",
				}
			},
			data: ydata
		}, {
			name: '外框',
			type: 'pictorialBar',
			symbol: 'image://./assets/img/zhu-bg.png',
			symbolSize: ['100%', '100%'],
			symbolRepeat: false,
			itemStyle: {
				normal: {
					color: "#21CEE1",
				}
			},
			tooltip: {
				show: false
			},
			barGap: '-100%',
			z: 0,
			barWidth: '50%',
			data: dataArr2
		}]
	};
	myChart.setOption(option);
}
//柱形图-18
var chart_bar_18 = function(pxdata, pydata1, pydata2) {
	var myChart = echarts.init(document.getElementById('bar-18'));
	var xdata = pxdata || S_mock.xdata(2015, 2019, '年');
	var ydata = pydata1 || S_mock.array(xdata.length, 30, 35);
	var ydata2 = pydata2 || S_mock.array(xdata.length, 20, 30);
	var legend_arr = ['项目数', '金额'];
	var color_arr = ['#00C5FF', '#00FCFF'];
	var option = {
		tooltip: {
			trigger: 'axis',
			axisPointer: { // 坐标轴指示器，坐标轴触发有效
				type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
			}
		},
		color: color_arr,
		grid: {
			left: '4%',
			top: "22%",
			right: '4%',
			bottom: '5%',
			containLabel: true, //grid 区域是否包含坐标轴的刻度标签。
		},
		legend: {
			// icon: 'rect',
			textStyle: {
				color: "#fff",
				fontSize: getSize(0.25)
			},
			data: legend_arr
		},
		xAxis: [{
			nameLocation: "start",
			nameTextStyle: {
				color: "#fff",
			},
			nameGap: '1',
			type: 'category',
			data: xdata,
			axisLabel: {
				interval: 0,
				color: "#AAECFF",
				fontSize: getSize(0.24),
			},
			axisLine: {
				show: true,
				lineStyle: {
					color: "#02BDCC",
				}
			},
			axisTick: {
				show: false
			},
			splitLine: { //坐标轴在 grid 区域中的分隔线
				show: false,
			},
		}],
		yAxis: [{
			// show:false,
			type: 'value',
			name: '(个)',
			nameTextStyle: {
				color: "#fff",
				fontSize: getSize(0.28),
			},
			axisLabel: {
				interval: 0,
				color: "#fff",
				fontSize: getSize(0.28),
			},
			splitNumber: 3,
			splitLine: { //坐标轴在 grid 区域中的分隔线
				show: true,
				lineStyle: {
					color: '#076B74',
					opacity: 1,
					width: 1,
					type: 'solid',
				}
			},
			axisLine: {
				show: true,
				lineStyle: {
					color: "#02BDCC",
				}
			},
			axisTick: {
				show: false
			},
		}, {
			type: 'value',
			name: '(万元)',
			nameTextStyle: {
				color: '#fff',
				fontSize: getSize(0.28),
			},
			axisLine: {
				lineStyle: {
					color: '#02BDCC'
				}
			},
			splitNumber: 3,
			splitLine: {
				show: false,
				lineStyle: {
					type: 'dashed',
					width: 1,
					color: '#076B74'
				}
			},
			axisLabel: {
				show: true,
				textStyle: {
					color: '#fff',
					fontSize: getSize(0.28)
				}
			},
			axisTick: {
				show: false
			}
		}],
		series: [{
			name: legend_arr[0],
			type: 'bar',
			barGap: 0,
			barWidth: "20%",
			label: {
				show: false,
				position: 'top',
				color: '#facc14'
			},
			data: ydata
		}, {
			name: legend_arr[1],
			type: 'line',
			yAxisIndex: 1,
			barGap: 0.1,
			barWidth: "20%",
			// stack:'1',
			symbol: 'emptyCircle',
			symbolSize: 10,
			label: {
				show: false,
				position: 'top',
				color: '#facc14'
			},
			// z:1,
			data: ydata2
		}]
	};
	myChart.setOption(option);
}
//柱形图-19
var chart_bar_19 = function(pxdata, pydata1, pydata2, pydata3) {
	var myChart = echarts.init(document.getElementById('bar-19'));
	var xdata = pxdata || ['省', '市', '区(县)'];
	var ydata = pydata1 || S_mock.array(xdata.length, 20, 30);
	var ydata2 = pydata2 || S_mock.array(xdata.length, 15, 20);
	var ydata3 = pydata3 || S_mock.array(xdata.length, 15, 20);
	var color_arr = ['#00C5FF', '#00F527', '#FAB101'];
	var legend_arr = ['h机', 'b机', '8705'];
	var option = {
		tooltip: {
			trigger: 'axis',
			axisPointer: { // 坐标轴指示器，坐标轴触发有效
				type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
			}
		},
		color: color_arr,
		title: {
			text: '当前省市县h机b机8705用户数量',
			x: 'center',
			// top:'top',
			textStyle: {
				color: '#fff',
				fontSize: getSize(0.28),
				fontWeight: 'normal'
			}
		},
		grid: {
			left: '4%',
			top: "44%",
			right: '4%',
			bottom: '0%',
			containLabel: true, //grid 区域是否包含坐标轴的刻度标签。
		},
		legend: {
			top: '12%',
			icon: 'roundRect',
			textStyle: {
				color: "#fff",
				fontSize: getSize(0.25)
			},
			data: legend_arr
		},
		xAxis: [{
			nameLocation: "start",
			nameTextStyle: {
				color: "#fff",
			},
			nameGap: '1',
			type: 'category',
			data: xdata,
			axisLabel: {
				interval: 0,
				color: "#fff",
				fontSize: getSize(0.28),
			},
			axisLine: {
				show: true,
				lineStyle: {
					color: "#02BDCC",
				}
			},
			axisTick: {
				show: false
			},
			splitLine: { //坐标轴在 grid 区域中的分隔线
				show: false,
			},
		}],
		yAxis: [{
			// show:false,
			type: 'value',
			name: '(台)',
			nameTextStyle: {
				color: "#fff",
				fontSize: getSize(0.28),
				padding: [0, 0, 0, getSize(-0.6)]
			},
			axisLabel: {
				interval: 0,
				color: "#fff",
				fontSize: getSize(0.28),
			},
			splitNumber: 3,
			splitLine: { //坐标轴在 grid 区域中的分隔线
				show: true,
				lineStyle: {
					color: '#056C76',
					opacity: 1,
					width: 1,
					type: 'solid',
				}
			},
			axisLine: {
				show: true,
				lineStyle: {
					color: "#02BDCC",
				}
			},
			axisTick: {
				show: false
			},
		}],
		series: [{
			name: legend_arr[0],
			type: 'bar',
			barGap: '50%',
			barWidth: "10%",
			label: {
				show: false,
				position: 'top',
				color: '#facc14'
			},
			itemStyle: {
				barBorderRadius: [5, 5, 0, 0]
			},
			data: ydata
		}, {
			name: legend_arr[1],
			type: 'bar',
			barGap: '50%',
			barWidth: "10%",
			label: {
				show: false,
				position: 'top',
				color: '#facc14'
			},
			itemStyle: {
				barBorderRadius: [5, 5, 0, 0]
			},
			data: ydata2
		}, {
			name: legend_arr[2],
			type: 'bar',
			barGap: '50%',
			barWidth: "10%",
			label: {
				show: false,
				position: 'top',
				color: '#facc14'
			},
			itemStyle: {
				barBorderRadius: [5, 5, 0, 0]
			},
			data: ydata3
		}]
	};
	myChart.setOption(option);
};
//柱形图-20
var chart_bar_20 = function(pxdata, pydata1, pydata2, pydata3) {
	var mychart = echarts.init(document.getElementById('bar-20'));
	var colorArr = ['#FF3F3F', '#FFFFFF', '#2CF3FF'];
	var xdata = pxdata || S_mock.xdata(2016, 2018, '年');
	var ydata1 = pydata1 || S_mock.array(xdata.length, 10, 25);
	var ydata2 = pydata2 || S_mock.array(xdata.length, 10, 25);
	var ydata3 = pydata3 || S_mock.array(xdata.length, 10, 25);
	var legend_arr = ["h机", "b机", "8705"];
	var option = {
		color: colorArr,
		title: {
			show: false,
			text: '标题',
			left: 'center',
			textStyle: {
				color: '#fff',
				fontSize: getSize(.32),
				fontWeight: 'normal'
			}
		},
		tooltip: {
			trigger: 'axis'
		},
		grid: {
			top: '30%',
			left: '6%',
			right: '4%',
			bottom: '0%',
			containLabel: true
		},
		xAxis: {
			type: 'category',
			boundaryGap: true,
			margin: getSize(0.1),
			axisLine: { //坐标轴轴线相关设置。数学上的x轴
				show: true,
				lineStyle: {
					color: '#01D5E5'
				},
			},
			axisTick: {
				show: false
			},
			axisLabel: { //坐标轴刻度标签的相关设置
				textStyle: {
					fontSize: getSize(0.24),
					color: '#cccccc',
				},
			},
			data: xdata
		},
		yAxis: {
			type: 'value',
			name: '(个)',
			nameTextStyle: {
				fontSize: getSize(0.24),
				color: '#cccccc',
				padding: [0, getSize(0.3), 0, 0]
			},
			margin: getSize(0.1),
			splitNumber: 3,
			splitLine: { //坐标轴在 grid 区域中的分隔线
				show: true,
				lineStyle: {
					type: 'solid',
					color: '#06515A'
				}
			},
			axisLine: { //坐标轴轴线相关设置。数学上的x轴
				show: true,
				lineStyle: {
					color: '#01D5E5'
				},
			},
			axisTick: {
				show: false
			},
			axisLabel: { //坐标轴刻度标签的相关设置
				textStyle: {
					fontSize: getSize(0.24),
					color: '#cccccc',
				},
			},
		},
		legend: {
			data: legend_arr,
			textStyle: {
				color: '#fff'
			},
			top: '0%',
			icon: "rect", //  这个字段控制形状  类型包括 circle，rect ，roundRect，triangle，diamond，pin，arrow，none
			itemWidth: getSize(0.5), // 设置宽度
			itemHeight: getSize(0.04), // 设置高度
			itemGap: getSize(0.4) // 设置间距
		},
		series: [{
				name: legend_arr[0],
				type: 'line',
				// stack: '总量',
				data: ydata1
			},
			{
				name: legend_arr[1],
				type: 'line',
				// stack: '总量',
				data: ydata2
			},
			{
				name: legend_arr[2],
				type: 'line',
				// stack: '总量',
				data: ydata3
			}
		]
	};
	mychart.setOption(option);
}
//柱形图-21
var chart_bar_21 = function(pxdata, pydata) {
	var myChart = echarts.init(document.getElementById('bar-21'));
	var xdata = pxdata || ['米市巷街道', '湖墅街道', '小河街道', '和睦街道', '拱宸桥街道', '大关街道', '半山街道', '康桥街道'];
	var ydata = pydata || S_mock.array(xdata.length, 100, 100);

	var ydata_cov = [];
	for(var key in ydata) {
		ydata_cov.push({
			value: ydata[key],
			itemStyle: {
				barBorderRadius: [5, 5, 0, 0],
				color: '#' + Math.floor(Math.random() * 0xffffff).toString(16)
			},
		})
	}

	var option = {
		//    backgroundColor: '#000922',
		tooltip: {
			trigger: 'axis',
			axisPointer: { // 坐标轴指示器，坐标轴触发有效
				type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
			}
		},
		color: ['#FFCC00', '#00D24F', '#AF0204'],
		grid: {
			left: '4%',
			top: "15%",
			right: '4%',
			bottom: '15%',
			containLabel: true, //grid 区域是否包含坐标轴的刻度标签。
		},
		legend: {
			show: false,
			icon: 'roundRect',
			textStyle: {
				color: "#fff",
				fontSize: getSize(0.3)
			},
		},
		xAxis: [{
			nameLocation: "start",
			nameTextStyle: {
				color: "#fff",
			},
			nameGap: '1',
			type: 'category',
			data: xdata,
			axisLabel: {
				interval: 0,
				color: "#fff",
				fontSize: getSize(0.24),
			},
			axisLine: {
				show: true,
				lineStyle: {
					color: "#3087B1",
				}
			},
			axisTick: {
				show: false
			},
			splitLine: { //坐标轴在 grid 区域中的分隔线
				show: false,
			},
		}],
		yAxis: [{
			show: true,
			type: 'value',
			name: '单位：分',
			nameTextStyle: {
				color: "#ccc",
				fontSize: getSize(0.24),
				padding: [0, 0, 0, getSize(-0.8)]
			},
			axisLabel: {
				interval: 0,
				color: "#ccc",
				fontSize: getSize(0.24),
			},
			splitNumber: 5,
			splitLine: {
				show: true,
				lineStyle: {
					color: '#3087B1',
					width: 0.5,
					type: 'dashed'
				}
			},
			axisLine: {
				lineStyle: {
					color: '#3087B1',
					width: 1 //这里是为了突出显示加上的
				}
			},
			axisTick: {
				show: false
			},
		}],
		series: [{
			name: '',
			type: 'bar',
			barCategoryGap: '0%',
			barWidth: "50%",
			barGap: '10%',

			label: {
				show: true,
				position: 'top',
				formatter: '{c}分',
				//    distance: 15,
				color: '#fff',
				fontSize: getSize(0.28),
			},
			data: ydata_cov,
			z: 10
		}]
	};
	myChart.setOption(option);
}

//柱形图-22
var chart_bar_22 = function(pxdata, pydata) {
	var mychart = echarts.init(document.getElementById('bar-22'));
	var nameArr = pxdata || ['西湖区', '余杭区', '江干区', '上城区'];
	var dataArr = pydata || S_mock.array(nameArr.length, 100, 200);
	var dataArr2 = pydata || S_mock.array(nameArr.length, 50, 120);
	var legend_arr = ['区直单位', '街道'];
	var color_arr = ['#00D8FE', '#FCD359'];
	var option = {
		tooltip: {
			trigger: 'axis',

		},
		color: color_arr,
		grid: {
			top: '10%',
			left: '3%',
			right: '15%',
			bottom: '0%',
			containLabel: true
		},
		legend: {
			icon: 'rect',
			textStyle: {
				color: "#fff",
				fontSize: getSize(0.25)
			},
			data: legend_arr
		},
		xAxis: {
			show: false,
			type: 'value',
			boundaryGap: [0, 0.01]
		},
		yAxis: {
			type: 'category',
			data: nameArr,
			axisTick: {
				show: false
			},
			axisLine: {
				show: true,
				lineStyle: {
					color: "#02575C",
				}
			},
			axisLabel: { //坐标轴刻度标签的相关设置
				textStyle: {
					fontSize: getSize(0.3),
					color: '#fff',
				},
			},
			inverse: true,
		},
		series: [{
			name: legend_arr[0],
			type: 'bar',
			label: {
				show: true,
				position: 'right',
				// formatter: '{c}件',
				formatter: function(para) {
					var pct = ((dataArr[nameArr.indexOf(para.name)] / getArrSum(dataArr)) * 100).toFixed(2);
					return para.data + '个'
				},
				color: color_arr[0],
				fontSize: getSize(0.3)
			},
			itemStyle: {
				normal: {
					color: new echarts.graphic.LinearGradient(
						0, 0, 1, 0, [{
								offset: 0,
								color: '#008FAF'
							},
							{
								offset: 1,
								color: '#00D9FF'
							}
						]
					),
					barBorderRadius: [0, 8, 8, 0]
				},
			},
			barWidth: '20%',
			data: dataArr
		}, {
			name: legend_arr[1],
			type: 'bar',
			label: {
				show: true,
				position: 'right',
				// formatter: '{c}件',
				formatter: function(para) {
					var pct = ((dataArr[nameArr.indexOf(para.name)] / getArrSum(dataArr)) * 100).toFixed(2);
					return para.data + '个'
				},
				color: color_arr[1],
				fontSize: getSize(0.3)
			},
			itemStyle: {
				normal: {
					color: new echarts.graphic.LinearGradient(
						0, 0, 1, 0, [{
								offset: 0,
								color: '#FCD45A'
							},
							{
								offset: 1,
								color: '#EC8A01'
							}
						]
					),
					barBorderRadius: [0, 8, 8, 0]
				},
			},
			barWidth: '20%',
			data: dataArr2
		}]
	};
	mychart.clear();
	mychart.setOption(option);
}

//柱形图-23
var chart_bar_23 = function(pxdata, pydata) {
	var mychart = echarts.init(document.getElementById('bar-23'));
	var nameArr = ['富春街道', '银湖街道', '东洲街道', '新登镇', '新登镇'];
	var dataArr = pydata || S_mock.array(5, 100, 200);
	var dataArr2 = pydata || S_mock.array(5, 100, 200);
	var legend_arr = ['当月承办', '去年同期承办'];
	var option = {
		tooltip: {
			trigger: 'axis',
			formatter: '{b}: <br /> {a0}:{c0}件<br />{a1}:{c1}件'
		},
		legend: {
			icon: 'roundRect',
			y: 6,
			textStyle: {
				color: '#fff',
				fontSize: getSize(0.24)
			},
			data: legend_arr
		},
		grid: {
			top: '16%',
			left: '1%',
			right: '15%',
			bottom: '2%',
			containLabel: true
		},
		xAxis: {
			name: '单位：件',
			nameTextStyle: {
				color: "#fff",
				fontSize: getSize(0.21),
			},
			position: 'top',
			show: true,
			type: 'value',
			boundaryGap: [0, 0.01],
			axisTick: {
				show: false
			},
			axisLine: {
				show: true,
				lineStyle: {
					color: "#3196FA",
				}
			},
			axisLabel: { //坐标轴刻度标签的相关设置
				textStyle: {
					fontSize: getSize(0.21),
					color: '#fff',
				},
			},
			splitLine: { //坐标轴在 grid 区域中的分隔线
				show: true,
				lineStyle: {
					color: '#3196FA',
					opacity: 0.15,
					width: 1,
					type: 'dashed',
				}
			},
		},
		yAxis: {
			type: 'category',
			data: nameArr,
			axisTick: {
				show: false
			},
			axisLine: {
				show: true,
				lineStyle: {
					color: "#3196FA",
				}
			},
			axisLabel: { //坐标轴刻度标签的相关设置
				textStyle: {
					fontSize: getSize(0.24),
					color: '#fff',
				},
			},
			inverse: true,
			splitLine: { //坐标轴在 grid 区域中的分隔线
				show: true,
				lineStyle: {
					color: '#3196FA',
					opacity: 0.15,
					width: 1,
					type: 'dashed',
				}
			},
		},
		series: [{
			name: legend_arr[0],
			type: 'bar',
			label: {
				show: false,
				position: 'right',
				// formatter: '{c}件',
				formatter: function(para) {
					var pct = ((dataArr[nameArr.indexOf(para.name)] / getArrSum(dataArr)) * 100).toFixed(2);
					return pct + '%  ' + para.data + '件'
				},
				color: '#14D7C1',
				fontSize: getSize(0.35)
			},
			itemStyle: {
				normal: {
					color: new echarts.graphic.LinearGradient(
						0, 0, 1, 0, [{
								offset: 0,
								color: 'rgba(255,180,0,0)'
							},
							{
								offset: 1,
								color: 'rgba(255,180,0,1)'
							}
						]
					),
					barBorderRadius: [0, 8, 8, 0]
				},
			},
			barWidth: '30%',
			data: dataArr
		}, {
			name: legend_arr[1],
			type: 'bar',
			label: {
				show: false,
				position: 'right',
				// formatter: '{c}件',
				formatter: function(para) {
					var pct = ((dataArr[nameArr.indexOf(para.name)] / getArrSum(dataArr)) * 100).toFixed(2);
					return pct + '%  ' + para.data + '件'
				},
				color: '#14D7C1',
				fontSize: getSize(0.35)
			},
			itemStyle: {
				normal: {
					color: new echarts.graphic.LinearGradient(
						0, 0, 1, 0, [{
								offset: 0,
								color: 'rgba(0,130,255,0)'
							},
							{
								offset: 1,
								color: 'rgba(0,130,255,1)'
							}
						]
					),
					barBorderRadius: [0, 8, 8, 0]
				},
			},
			barWidth: '30%',
			data: dataArr2
		}, ]
	};
	mychart.clear();
	mychart.setOption(option);
}

//柱形图-24
var chart_bar_24 = function(pxdata, pydata1, pydata2, pydata3) {
	var myChart = echarts.init(document.getElementById('bar-24'));
	var xdata = ['07-23', '07-24', '07-25', '07-26', '07-27'];
	var ydata = pydata1 || S_mock.array(5, 100, 200);
	var ydata2 = pydata2 || S_mock.array(5, 100, 200);
	var ydata3 = pydata3 || S_mock.array(5, 100, 200);
	var legend_arr = ['中药饮片', '中成药', '非药物处方'];
	var option = {
		tooltip: {
			trigger: 'axis',
			axisPointer: { // 坐标轴指示器，坐标轴触发有效
				type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
			}
		},
		grid: {
			left: '4%',
			top: "12%",
			right: '4%',
			bottom: '13%',
			containLabel: true, //grid 区域是否包含坐标轴的刻度标签。
		},
		legend: {
			icon: 'roundRect',
			y: 'bottom',
			textStyle: {
				color: "rgba(255,255,255, 0.5)",
				fontSize: getSize(0.24)
			},
			data: legend_arr
		},
		xAxis: [{
			nameLocation: "start",
			nameTextStyle: {
				color: "rgba(255,255,255, 0.5)",
			},
			nameGap: '1',
			type: 'category',
			data: xdata,
			axisLabel: {
				interval: 0,
				color: "rgba(255,255,255, 0.5)",
				fontSize: getSize(0.22),
			},
			axisLine: {
				show: true,
				lineStyle: {
					color: "rgba(255,255,255, 0.5)",
				}
			},
			axisTick: {
				show: false
			},
			splitLine: { //坐标轴在 grid 区域中的分隔线
				show: false,
			},
		}],
		yAxis: [{
			// show:false,
			type: 'value',
			name: '',
			nameTextStyle: {
				color: "rgba(255,255,255, 0.5)",
				fontSize: getSize(0.22),
			},
			axisLabel: {
				interval: 0,
				color: "rgba(255,255,255, 0.5)",
				fontSize: getSize(0.22),
			},
			splitNumber: 5,
			splitLine: { //坐标轴在 grid 区域中的分隔线
				show: true,
				lineStyle: {
					color: 'rgba(255,255,255, 0.5)',
					opacity: 0.6,
					width: 0.5,
					type: 'solid',
				}
			},
			axisLine: {
				show: false,
				lineStyle: {
					color: "#579dff",
				}
			},
			axisTick: {
				show: false
			},
		}],
		series: [{
			name: legend_arr[0],
			type: 'bar',
			barGap: 0,
			barWidth: "20%",
			label: {
				show: true,
				position: 'top',
				color: '#FFC600',
				fontSize: getSize(0.24),
				fontFamily: 'DIN Medium'
			},
			itemStyle: {
				normal: {
					barBorderWidth: 1,
					barBorderColor: '#ABEEFF',
					color: new echarts.graphic.LinearGradient(
						0, 0, 0, 1, [{
								offset: 0,
								color: '#0CBFEE'
							},
							{
								offset: 1,
								color: '#00313F'
							}
						]
					)
				},
			},
			data: ydata
		}, {
			name: legend_arr[1],
			type: 'bar',
			barGap: 0.1,
			barWidth: "20%",
			label: {
				show: true,
				position: 'top',
				color: '#FFC600',
				fontSize: getSize(0.24),
				fontFamily: 'DIN Medium'
			},
			itemStyle: {
				normal: {
					barBorderWidth: 1,
					barBorderColor: '#5182E4',
					color: new echarts.graphic.LinearGradient(
						0, 0, 0, 1, [{
								offset: 0,
								color: '#3C7DE9'
							},
							{
								offset: 1,
								color: '#011635'
							}
						]
					)
				},
			},
			data: ydata2
		}, {
			name: legend_arr[2],
			type: 'bar',
			barGap: 0.1,
			barWidth: "20%",
			label: {
				show: true,
				position: 'top',
				color: '#FFC600',
				fontSize: getSize(0.24),
				fontFamily: 'DIN Medium'
			},
			itemStyle: {
				normal: {
					barBorderWidth: 1,
					barBorderColor: '#F8EEC2',
					color: new echarts.graphic.LinearGradient(
						0, 0, 0, 1, [{
								offset: 0,
								color: '#EAC210'
							},
							{
								offset: 1,
								color: '#011635'
							}
						]
					)
				},
			},
			data: ydata3
		}]
	};
	myChart.setOption(option);
}

// 柱形图-25
var chart_bar_25 = function(pxdata, pydata1, pydata2) {
	var myChart = echarts.init(document.getElementById('bar-25'));
	var xdata = pxdata || ['最高', '最低', '均值'];
	var ydata = pydata1 || [97.419, 87.354, 93.032];
	var ydata2 = pydata2 || [99.44, 97.27, 98.54];
	var legend_arr = ['得分', '满意率'];
	//var color_arr = ['#00C5FF', '#5699D4'];
	var ydata_cov = [];
	for(var key in ydata) {
		if(key == 0) {
			ydata_cov.push({
				value: ydata[key],
				itemStyle: { //折线拐点标志的样式。                
					normal: {
						color: 'red'
					}
				},
			});
		} else if(key == 1) {
			ydata_cov.push({
				value: ydata[key],
				itemStyle: { //折线拐点标志的样式。                
					normal: {
						color: 'gray'
					}
				},
			});
		} else {
			ydata_cov.push({
				value: ydata[key],
				itemStyle: { //折线拐点标志的样式。                
					normal: {
						color: 'orange'
					}
				},
			});
		}
	}
	var option = {
		tooltip: {
			trigger: 'axis',
			axisPointer: { // 坐标轴指示器，坐标轴触发有效
				type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
			}
		},
		title: {
			show: true,
			text: '全市总体情况',
			x: 'center',
			y: '4%',
			textStyle: { //主标题文本样式{"fontSize": 18,"fontWeight": "bolder","color": "#333"}
				fontSize: 14,
				fontStyle: 'normal',
				fontWeight: 'normal',
			},
		},
		//color: color_arr,
		grid: {
			left: '4%',
			top: "25%",
			right: '4%',
			bottom: '12%',
			containLabel: true, //grid 区域是否包含坐标轴的刻度标签。
		},
		legend: {
			// icon: 'rect',
			bottom: '2%',
			textStyle: {
				color: "#000",
				fontSize: 14
			},
			data: legend_arr
		},
		xAxis: [{
			nameLocation: "start",
			nameTextStyle: {
				color: "#000",
			},
			nameGap: '1',
			type: 'category',
			data: xdata,
			axisLabel: {
				interval: 0,
				color: "#333",
				fontSize: 14,
			},
			axisLine: {
				show: true,
				lineStyle: {
					color: "gray",
					opacity: 0.6,
					width: 1,
					type: 'solid',
				}
			},
			axisTick: {
				show: false
			},
			splitLine: { //坐标轴在 grid 区域中的分隔线
				show: false,
			},
		}],
		yAxis: [{
			// show:false,
			type: 'value',
			name: '',
			min: 0,
			max: 100,
			nameTextStyle: {
				color: "#000",
				fontSize: 14,
			},
			axisLabel: {
				interval: 0,
				color: "#000",
				fontSize: 14,
			},
			//splitNumber: 3,
			splitLine: { //坐标轴在 grid 区域中的分隔线
				show: true,
				lineStyle: {
					color: 'gray',
					opacity: 0.6,
					width: 1,
					type: 'solid',
				}
			},
			axisLine: {
				show: false,
				lineStyle: {
					color: "gray",
					opacity: 0.6,
					width: 1,
					type: 'solid',
				}
			},
			axisTick: {
				show: false
			},
		}, {
			show: false
		}],
		series: [{
			name: legend_arr[0],
			type: 'bar',
			barGap: 0,
			barWidth: "15%",
			label: {
				show: true,
				position: 'inside',
				fontSize: 14,
				color: '#000'
			},
			data: ydata_cov,
		}, {
			name: legend_arr[1],
			type: 'line',
			yAxisIndex: 1,
			barGap: 0.1,
			barWidth: "20%",
			// stack:'1',
			symbol: 'emptyCircle',
			symbolSize: 6,
			label: {
				show: true,
				position: 'top',
				fontSize: 14,
				color: '#000',
				formatter: '{c}%'
			},
			itemStyle: { //折线拐点标志的样式。
				normal: {
					color: "#5699D4",
				}
			},
			// z:1,
			data: ydata2
		}]
	};
	myChart.setOption(option);
}

// 柱形图-26
var chart_bar_26 = function(pxdata, pydata) {
	var myChart = echarts.init(document.getElementById('bar-26'));
	var xdata = ['省直', '杭州', '宁波', '温州', '绍兴', '丽水', '金华', '湖州', '绍兴', '台州', '衢州', '舟山'];
	var ydata = pydata || S_mock.array(xdata.length, 30, 90);
	var ydata_cov = [];
	for(var key in ydata) {
		if(ydata[key] < 80) {
			ydata_cov.push({
				value: ydata[key],
				label: {
					show: true,
					position: 'top',
					color: '#FFF',
					fontFamily: 'DIN Medium'
				},
				itemStyle: {
					normal: {
						barBorderRadius: [8, 8, 0, 0],
						color: new echarts.graphic.LinearGradient(
							0, 0, 0, 1, [{
									offset: 0,
									color: 'rgba(0,210,254,1)'
								},
								{
									offset: 1,
									color: 'rgba(1,209,254,0)'
								}
							]
						)
					},
				},
			})
		} else {
			ydata_cov.push({
				value: ydata[key],
				label: {
					show: true,
					position: 'top',
					color: '#FFF000',
					fontFamily: 'DIN Medium'
				},
				itemStyle: {
					normal: {
						barBorderRadius: [8, 8, 0, 0],
						color: new echarts.graphic.LinearGradient(
							0, 0, 0, 1, [{
									offset: 0,
									color: 'rgba(1,255,180,1)'
								},
								{
									offset: 1,
									color: 'rgba(1,209,254,0)'
								}
							]
						)
					},
				},
			})
		}
	}
	var option = {
		tooltip: {
			trigger: 'axis',
			axisPointer: { // 坐标轴指示器，坐标轴触发有效
				type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
			}
		},
		grid: {
			left: '2%',
			top: "15%",
			right: '2%',
			bottom: '2%',
			containLabel: true, //grid 区域是否包含坐标轴的刻度标签。
		},
		xAxis: [{
			nameLocation: "start",
			nameTextStyle: {
				color: "#fff",
			},
			nameGap: '1',
			type: 'category',
			data: xdata,
			axisLabel: {
				interval: 0,
				color: "#fff",
				fontSize: getSize(0.24),
			},
			axisLine: {
				show: true,
				lineStyle: {
					color: "#579DFF",
				}
			},
			axisTick: {
				show: false
			},
			splitLine: { //坐标轴在 grid 区域中的分隔线
				show: false,
			},
		}],
		yAxis: [{
			//show: false,
			type: 'value',
			name: '',
			nameTextStyle: {
				color: "#ccc",
				fontSize: getSize(0.24),
			},
			axisLabel: {
				interval: 0,
				color: "#fff",
				fontSize: getSize(0.34),
			},
			splitNumber: 5,
			splitLine: { //坐标轴在 grid 区域中的分隔线
				show: true,
				lineStyle: {
					color: '#3196FA',
					opacity: 0.41,
					width: 1,
					type: 'dashed',
				}
			},
			axisLine: {
				show: true,
				lineStyle: {
					color: "#579DFF",
				}
			},
			axisTick: {
				show: false
			},
		}],
		series: [{
			type: 'bar',
			barGap: 0,
			barWidth: "30%",
			//			label: {
			//				show: true,
			//				position: 'top',
			//				//color: '#FFF000',
			//				fontFamily: 'DIN Medium'
			//			},
			//			itemStyle: {
			//				normal: {
			//					barBorderRadius: [8, 8, 0, 0],
			//					color: new echarts.graphic.LinearGradient(
			//						0, 0, 0, 1, [{
			//								offset: 0,
			//								color: 'rgba(0,210,254,1)'
			//							},
			//							{
			//								offset: 1,
			//								color: 'rgba(1,209,254,0)'
			//							}
			//						]
			//					)
			//				},
			//			},
			data: ydata_cov
		}, ]
	};
	myChart.setOption(option);
}

// 柱形图-27
var chart_bar_27 = function(pxdata, pydata) {
	var myChart = echarts.init(document.getElementById('bar-27'));
	var xdata = ['部门1', '部门2', '部门3', '部门4', '部门5', '部门6', '部门7', '部门8', '部门9', '部门10', '部门11', '部门12'];
	var ydata = pydata || S_mock.array(xdata.length, 30, 90);
	var ydata_cov = [];
	var dataZoomEnd = (9 / xdata.length) * 100;
	for(var key in ydata) {
		if((key % 2) == 0) {
			ydata_cov.push({
				value: ydata[key],
				itemStyle: {
					normal: {
						barBorderRadius: [8, 8, 0, 0],
						color: new echarts.graphic.LinearGradient(
							0, 0, 0, 1, [{
									offset: 0,
									color: 'rgba(0, 162, 255, 1)'
								},
								{
									offset: 1,
									color: 'rgba(17, 102, 255, 1)'
								}
							]
						)
					},
				},
			})
		} else {
			ydata_cov.push({
				value: ydata[key],
				itemStyle: {
					normal: {
						barBorderRadius: [8, 8, 0, 0],
						color: new echarts.graphic.LinearGradient(
							0, 0, 0, 1, [{
									offset: 0,
									color: 'rgba(71, 221, 245, 1)'
								},
								{
									offset: 1,
									color: 'rgba(51, 221, 248, 1)'
								}
							]
						)
					},
				},
			})
		}
	}
	var option = {
		tooltip: {
			trigger: 'axis',
			axisPointer: { // 坐标轴指示器，坐标轴触发有效
				type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
			}
		},
		dataZoom: [{
			type: 'inside',
			// 数据窗口范围的起始百分比
			start: 0,
			// 数据窗口范围的结束百分比
			end: dataZoomEnd,
			// 是否锁定选择区域（或叫做数据窗口）的大小，如果设置为 true 则锁定选择区域的大小，也就是说，只能平移，不能缩放
			zoomLock: true
		}],
		grid: {
			left: '2%',
			top: "23%",
			right: '2%',
			bottom: '2%',
			containLabel: true, //grid 区域是否包含坐标轴的刻度标签。
		},
		xAxis: [{
			nameLocation: "start",
			nameTextStyle: {
				color: "#fff",
			},
			nameGap: '1',
			type: 'category',
			data: xdata,
			axisLabel: {
				interval: 0,
				color: "#ccc",
				fontSize: getSize(0.16),
			},
			axisLine: {
				show: true,
				lineStyle: {
					color: "rgba(255, 255, 255, 0.3)",
				}
			},
			axisTick: {
				show: false
			},
			splitLine: { //坐标轴在 grid 区域中的分隔线
				show: false,
			},
		}],
		yAxis: [{
			//show: false,
			type: 'value',
			name: '（单位：分）',
			nameTextStyle: {
				color: "#ccc",
				fontSize: getSize(0.2),
				padding: [0, 0, -getSize(0.1), 0],
			},
			axisLabel: {
				interval: 0,
				color: "#ccc",
				fontSize: getSize(0.2),
			},
			splitNumber: 5,
			splitLine: { //坐标轴在 grid 区域中的分隔线
				show: true,
				lineStyle: {
					color: 'rgba(255, 255, 255, 0.2)',
					opacity: 1,
					width: 1,
					type: 'solid',
				}
			},
			axisLine: {
				show: false,
				lineStyle: {
					color: "#579DFF",
				}
			},
			axisTick: {
				show: false
			},
		}],
		series: [{
			type: 'bar',
			barGap: 0,
			barWidth: "30%",
			//			label: {
			//				show: true,
			//				position: 'top',
			//				//color: '#FFF000',
			//				fontFamily: 'DIN Medium'
			//			},
			//			itemStyle: {
			//				normal: {
			//					barBorderRadius: [8, 8, 0, 0],
			//					color: new echarts.graphic.LinearGradient(
			//						0, 0, 0, 1, [{
			//								offset: 0,
			//								color: 'rgba(0,210,254,1)'
			//							},
			//							{
			//								offset: 1,
			//								color: 'rgba(1,209,254,0)'
			//							}
			//						]
			//					)
			//				},
			//			},
			data: ydata_cov
		}, ]
	};
	myChart.setOption(option);
}